/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html", "./src/*.{vue,js}", "./src/**/*.{vue,js}"],
  theme: {
    extend: {
      colors: {
        primaryColor: "#27272a",
        backgroundColor: '#fed7aa',
        userCenterFontColor: '#403e3b',
      },
      backgroundImage: {
        'userShare-img': "url('../../assets/img/userShareBackG.png')",
        "orderEvolution-img": "url('../../assets/img/order_evolution.png')"
      },
      margin: (() => {
        let obj = {};
        for (let i = 1; i <= 20; i++) {
          obj[i] = i + "px";
        }
        return obj;
      })(),
      padding: (() => {
        let obj = {};
        for (let i = 1; i <= 20; i++) {
          obj[i] = i + "px";
        }
        return obj;
      })(),
    },
  },
  plugins: [],
}